body {
    background: url('../img/fond.jpg');
    margin-top: 20px;
}

.bloc {
    margin-bottom: 20px;
}

.bloc-header {
    background: top left no-repeat url('../img/bloc-header-left.png');
    padding-left:10px;
    height: 50px;
}
.bloc-header-inner {
    background: top right no-repeat url('../img/bloc-header-right.png');
    padding-right: 14px;
}
.bloc-header-inner h1 {
    margin: 0px;
    text-align: center;
    font-size: 18px;
    height: 50px;
    background: top left repeat-x url('../img/bloc-header-main.png');
    color: #df663d;
    padding-top: 6px;
}

.bloc-header-inner h1 a {
    color: #df663d;
}

.bloc-header-inner h1 a:hover {
    color: #8C4430;
}

.bloc-footer-inner {
    background: center -1px repeat-x url('../img/bloc-bas.png');
    height: 4px;
    margin-right: 4px;
}
.bloc-footer {
    background: right bottom no-repeat url('../img/bloc-coin.png');
    margin-left: 10px;
    margin-right: 10px;
    height: 4px;
}

.bloc-corps {
    background: url('../img/bloc-right.png') center right repeat-y;
    margin-right: 10px;
    padding-right: 4px;
    margin-left: 10px;
}
.bloc-inner {
    background: url('../img/bloc-fond.png');
    padding: 0px 10px 10px;
}

.login-bloc .bloc-inner {
    padding: 10px;
}

.bloc .media a.btn {
    margin-right: 5px;
}

.bloc.activites .bloc-inner{
    padding: 10px;
}

.media-image {
    text-align: center;
}

.media-image img {
    max-width: 90%;
}

.bloc.ami .bloc-inner {
    text-align: center;
}

.bloc.ami {
    display: inline-block;
    width: 24%;
}

.ami-request {
    display: block;
    width: 100%;
    box-sizing: border-box; /* css3 rec */
    -moz-box-sizing: border-box; /* ff2 */
    -ms-box-sizing: border-box; /* ie8 */
    -webkit-box-sizing: border-box; /* safari3 */
    -khtml-box-sizing: border-box; /* konqueror */
}

img.avatar {
    width: 64px;
    height: 64px;
}

.identification-box {
    position: absolute;
    margin-left: -224px;
    margin-top: 49px;
}

.remove-partage {
    display: none;
}

.media {
    position: relative;
}

.media:hover .remove-partage {
    display: block;
    position: absolute;
    right: 0px;
}

.bloc.ami:hover .supprimer-amis {
    display: block;
    position: absolute;
}